<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
            <!-- 测试360浏览器 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>高校代理申请</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/myCss.css">
    <link rel="stylesheet" type="text/css" href="../css/agencyCss.css">
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
    <!-- [if IE 7]>
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-ie7.min.css">
    <!-- [endif]-->
    <style rel="stylesheet" type="text/css">
        .imgCom {
            width: 100px;
            height: 100px;
            border: 2px solid #ccc;
            margin-bottom: 15px;
        }
        .imgCom img{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>

<!-- [if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->

<!--nav start-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <ul class="nav navbar-nav">
        <li><a href="../personalcenter/">Miko Tong </a></li>
        <li><a href="../signup1.html">免费注册</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
        <li><a href="../">主页</a></li>
        <li class="dropdown">
            <a href="../personalcenter/orders.html" class="dropdown-toggle" id="mydrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">我的一起购<i class="icon-sort-down" style="padding-left: 5px;vertical-align: text-top;"></i></a>
            <ul class="dropdown-menu" aria-labelledby="mydrop" style="background-color: #FFF;text-align: center;min-width: 108px;">
                <li><a style="padding: 0" href="../personalcenter/">个人中心</a></li>
                <li><a style="padding: 0" href="../personalcenter/bingo.html">我的拼购</a></li>
                <li><a style="padding: 0" href="../personalcenter/orders.html">我的订单</a></li>
                <li><a style="padding: 0" href="#">我的分享</a></li>
                <li><a style="padding: 0" href="#">绑定账号</a></li>
                <li><a style="padding: 0" href="../personalcenter/updatepassword.html">修改密码</a></li>
                <li><a style="padding: 0" href="../personalcenter/userinfo.html">修改资料</a></li>
            </ul>
        </li>
        <li><a href="../shopping/cart(bingo).html">购物车<span class="badge aqua"></span></a></li>
        <li><a href="../personalcenter/collect.html">收藏夹<span class="badge aqua"></span></a></li>
        <li><a href="#">客户服务<span class="badge aqua"></span></a></li>
        <li><p class="navbar-text time"></p></li>
    </ul>
</nav>
<!--nav end-->
<!--container start-->
<div class="container">
    <div class="row"><!--row search-->
        <div class="col-sm-2 col-lg-2 text-center">
            <a href="../" style="color: #f4a624;"><img src="../imgs/logo.png" style="height:58px;width:auto;">
                <p>eachgo.cn</p></a>
        </div><!--end logo-->
        <div class="col-sm-1 col-lg-1 text-center" style="padding-top: 34px;padding-left:0;color: #f4a624">
            XXX大学
        </div>
        <div class="col-sm-1 col-lg-1"></div>
        <div class="col-sm-1 col-lg-1"></div>
        <div class="col-sm-7 col-lg-7" role="form"><!--search form-->
            <form action="#" method="post" name="search" role="search">
                <div class="input-group" style="padding-top: 15px;">
                    <label class="sr-only"></label><!--form表单中，label标签必不可少-->
                    <input type="text" maxlength="255" autocomplete="off" class="form-control" placeholder="搜索宝贝">
                    <span class="input-group-btn"><button type="submit" class="my-btn-default-text btn btn-default">&nbsp;<i class='icon-search h4'></i>&nbsp;</button></span>
                </div>
            </form>
        </div><!--search form-->
    </div><!--end row search-->

    <div class="row"><!--picture-->
        <div class="col-sm-12 col-lg-12">
            <img src="../imgs/agent/agency.png">
        </div>
    </div><!--end picture-->
    <br>
    <div class="row" style="padding: 0 15px;"><!--content-->
        <div class="col-sm-12 col-lg-12" style="background-color: #F5F5F5;padding: 0;">
            <div class="row">
                <div class="col-sm-12 col-lg-12 btn-group-justified" role="group">
                    <a href="#" class="mybtn-size btn btn-lg btn-default active">免费申请</a>
                    <div class="mybtn-size btn btn-lg btn-default myDisabled disabled"></div>
                    <div class="mybtn-size btn btn-lg btn-default myDisabled disabled"></div>
                    <div class="mybtn-size btn btn-lg btn-default myDisabled disabled"></div>
                    <div class="mybtn-size btn btn-lg btn-default myDisabled disabled"></div>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <h2 style="padding-left: 30px;">校园代理申请</h2>
                    <hr style="border-color: #CCC;">
                    <!--form start-->
                    <div role="form">
                        <form class="form-horizontal" action="#" method="get" name="agencyapply" role="">
                            <div class="form-group" style="padding-top: 15px;padding-bottom: 15px">
                                <label for="agencyName" class="col-sm-offset-2 col-lg-offset-2 col-sm-2 col-lg-2 control-label">真实姓名</label>
                                <div class="col-sm-3 col-lg-3">
                                    <input type="text" class="myForm form-control" id="agencyName" maxlength="20" autocomplete="off"  placeholder="请输入您的姓名">
                                </div>
                                <div class="col-sm-5 col-lg-5"></div>
                            </div>
                            <div class="form-group" style="padding-top: 15px;padding-bottom: 15px;">
                                <label for="agencyPhonenum" class="col-sm-offset-2 col-lg-offset-2 col-sm-2 col-lg-2 control-label">手机号码</label>
                                <div class="col-sm-3 col-lg-3">
                                    <input type="text" class="myForm form-control" id="agencyPhonenum" maxlength="20" autocomplete="off" placeholder="请输入手机号码">
                                </div>
                                <div class="col-sm-5 col-lg-5"></div>
                            </div>
                            <div class="form-group" style="padding-top: 15px;padding-bottom: 15px;">
                                <label for="agencySchool" class="col-sm-offset-2 col-lg-offset-2 col-sm-2 col-lg-2 control-label">所在学校</label>
                                <div class="col-sm-3 col-lg-3">
                                    <input type="text" class="myForm form-control" id="agencySchool" maxlength="20" autocomplete="off" placeholder="请输入学校名称">
                                </div>
                                <div class="col-sm-5 col-lg-5"></div>
                            </div>
                            <div class="form-group" style="padding-top: 15px;padding-bottom: 15px;">
                                <label for="agencyCardNo" class="col-sm-offset-2 col-lg-offset-2 col-sm-2 col-lg-2 control-label">身份证号码</label>
                                <div class="col-sm-3 col-lg-3">
                                    <input type="text" class="myForm form-control" id="agencyCardNo" maxlength="20" autocomplete="off" placeholder="请输入您的身份证号码">
                                </div>
                                <div class="col-sm-5 col-lg-5"></div>
                            </div>
                            <div class="form-group" style="padding-top: 15px;padding-bottom: 15px;">
                                <label for="Email" class="col-sm-offset-2 col-lg-offset-2 col-sm-2 col-lg-2 control-label">邮箱地址</label>
                                <div class="col-sm-3 col-lg-3">
                                    <input type="text" class="myForm form-control" id="Email" maxlength="20" autocomplete="off" placeholder="请输入您的邮箱地址">
                                </div>
                                <div class="col-sm-5 col-lg-5"></div>
                            </div>
                            <div class="form-group" style="padding-top: 15px;padding-bottom: 15px;">
                                <label class="col-sm-offset-2 col-lg-offset-2 col-sm-2 col-lg-2 control-label">手持身份证</label>
                                <div class="col-sm-2 col-lg-2">
                                    <div class="imgCom" id="prev1"></div><!--设置图片预览框-->
                                    <input type="file" class="prev1">
                                    <button class="btn-link">查看详细要求</button>
                                </div>
                                <div class="col-sm-8 col-lg-8"></div>
                            </div>
                            <div class="form-group" style="padding-top: 15px;padding-bottom: 15px;">
                                <label class="col-sm-offset-2 col-lg-offset-2 col-sm-2 col-lg-2 control-label">身份证正面</label>
                                <div class="col-sm-2 col-lg-2">
                                    <div class="imgCom" id="prev2"></div><!--设置图片预览框-->
                                    <input type="file" class="prev2">
                                    <button class="btn-link">查看详细要求</button>
                                </div>
                                <div class="col-sm-8 col-lg-8"></div>
                            </div>
                            <div class="form-group" style="padding-top: 15px;padding-bottom: 15px;">
                                <label class="col-sm-offset-2 col-lg-offset-2 col-sm-2 col-lg-2 control-label">身份证反面</label>
                                <div class="col-sm-2 col-lg-2">
                                    <div class="imgCom" id="prev3"></div><!--设置图片预览框-->
                                    <input type="file" class="prev3">
                                    <button class="btn-link">查看详细要求</button>
                                </div>
                                <div class="col-sm-8 col-lg-8"></div>
                            </div>
                            <hr style="border-color: #CCC;">
                            <div class="checkbox">
                                <label class="col-sm-12 col-lg-12 text-center">
                                    <!--点击出现模态框，见下Modal-->
                                    <input type="checkbox">同意并已阅读<a href="#" data-toggle="modal" data-target="#myModal">《EachGo校园代理条款》</a>
                                </label>
                            </div>
                            <div class="text-center" style="padding-top: 82px;padding-bottom: 15px;">
                                <input class="btn my-btn-default-text btn-default btn-lg" type="submit" value="提交资料">
                            </div>
                        </form>
                    </div><!--end form-->
                </div>
            </div>
        </div>
    </div><!--end content-->
</div>
<!--container end-->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">EachGo校园代理条款</h4>
            </div>
            <div class="modal-body">
                <pre class="h4">
    高校代理流程：
    条件流程：
    分为申请条件和申请流程
    1.申请条件：
    （1）从业要求：
    合作伙伴必须为该高校的在读学生，并有一定的管理水平和管理经历
    （2）代理点位：
    校园内的代理点需位于高校内，地址优先选择校内学生活动区域(宿舍区、教学区、生活区)。
    （3）VI形象
    使用EachGo统一设计的代理点形象、员工服饰等。
    申请流程：
    （1）代理申请
    线上提出代理申请，填写完毕后符合EachGo校园代理点要求的，3个工作日内，
    EachGo相关工作人员会进行邮件/电话联系。
    （2）现场评审
    从业条件、代理点位、VI形象进行现场核实。
    （3）签具合同：
    评审通过后，双方签订合同，签约后按照合同规定缴纳保证金。
    （4）代理点装修
    合作伙伴按EachGo VI标准装修，EachGo提供门头、室内装修装饰标准。
    （5）实地验收
    EachGo按照EachGo校园代理点装修标准进行验收，不符合标准的进行整改。
    （6）代理点宣传
    代理点正式营业前，校内组织活动进行宣传。
    2.费用及收益：

    运营收益
    （1）.物流结算
    根据校园代理点完成妥投订单数量，EachGo支付相应金额报酬。
    （2）.奖金激励
    EachGo设立奖励机制，合作伙伴除正常物流费用收入外，
    运营排名突出即可获得丰厚资源奖励。
    （3）.运营补贴
    运营初期，针对整体单量较低的校园代理点，给予一定金额运营补贴。
    EachGo支持：
    EachGo为保障校园代理点可持续性发展，对合作伙伴提供政策支持
    包括：品牌形象，代理支持，系统支持，业务指导，
    免费申请:
    所有申请成为EachGo校园代理，EachGo会根据当地市场及学校单量情况，
    需缴纳一定货物资金安全及质量保证金。
                </pre>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default my-btn-default-text" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!--footer start-->
<div class="text-center" style="margin-top: 50px;color: #949494;" id="footer">
    <a href="#" style="color: #949494;"><span>首页</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>关于一起购物</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>隐私声明</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>加入我们</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>联系我们</span></a>
    <p style="margin-bottom: 0">CopyRight&copy;2014-2015,版权所有eachgo.cn</p>
</div>
<!--footer end-->

<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/myJs.js"></script>
<script>
    function previewB(file,$obj) {
        var reader = new FileReader();//创建FileReader对象
        reader.onload = function(e) {
            var $img = $('<img>').attr("src", e.target.result);
            $obj.empty().append($img);
        }
        reader.readAsDataURL(file);
    }

    $('[type=file]').change(function(e) {
        var $obj = $(document.getElementById(e.target.className));
        var file = e.target.files[0],//事件目标
            val  = $(this).val(),
            reg  = /\.(png|jpg|gif|bmp|jpeg)$/;
        if( reg.test(val) ){
            previewB(file,$obj);
        }else{
            alert('选择正确格式的图片');
        }
    })
</script>
</body>
</html>